<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>订单确认综合案例</title>
  <style>
    h2 {
      text-align: center;
    }
   table,th,td {
     border: 1px solid #1a1d20;
   }
   table {
     border-collapse: collapse;
     height: 80px;
     margin: 0 auto;
     text-align: center;
     font-family: 微软雅黑;

   }
   th {
     padding: 5px 30px;
   }
   td {
     padding: 0 5px;
   }
  </style>
</head>
<body>
<h2>订单确认</h2>
<!--<table>-->
<!--  <tr>-->
<!--    <th>商品名称</th>-->
<!--    <th>商品价格</th>-->
<!--    <th>商品数量</th>-->
<!--    <th>总价</th>-->
<!--    <th>收货地址</th>-->
<!--  </tr>-->
<!--  <tr class="TD">-->
<!--    <td>小米手机青春版PLUS</td>-->
<!--    <td>1999元</td>-->
<!--    <td>10</td>-->
<!--    <td>19990元</td>-->
<!--    <td>重财</td>-->
<!--  </tr>-->
<!--</table>-->
<script>
  let price =+prompt('请输入商品价格')
  let num =+prompt('请输入商品数量')
  let address =prompt('请输入收货地址')
  let sum=price*num
  document.write(`
  <table>
  <tr>
    <th>商品名称</th>
    <th>商品价格</th>
    <th>商品数量</th>
    <th>总价</th>
    <th>收货地址</th>
  </tr>
  <tr class="TD">
    <td>小米手机青春版PLUS</td>
    <td>${price}</td>
    <td>${num}</td>
    <td>${sum}元</td>
    <td>${address}</td>
  </tr>
</table>
 `)
</script>
</body>
</html>